<template>
	<view class="container pd-0">
		<image src="../../static/test-bg.png" mode="widthFix" class="title"></image>
		<view class="desc">
			快来试试你对
			<view class="">
				垃圾分类有多少了解吧！
			</view>
		</view>

		<button type="default" @click="toTestContent">开始测试</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toTestContent() {
				uni.redirectTo({
					url: '/pages/test/TestContent'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pd-0 {
		padding: 0;
	}

	.title {
		position: absolute;
		width: 1400rpx;
		margin-left: -420rpx;
		margin-top: -210rpx;
	}

	.desc {
		position: absolute;
		font-family: Fotor HelloFont GongYiTi;
		font-size: 50rpx;
		font-weight: normal;
		text-align: center;
		letter-spacing: 0em;
		color: #FFFFFF;
		width: 100%;
		line-height: 80rpx;
		bottom: 842rpx;
	}


	button {
		width: 434rpx;
		height: 172rpx;
		line-height: 172rpx;
		background-color: #000;
		border-radius: 86rpx;
		color: #fff;
		font-size: 36rpx;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.6);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 266*2rpx;
	}
</style>